-
-
Notifications
You must be signed in to change notification settings - Fork 0
タイムテーブルを表示できるようにする #79
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
モバイル版の修正が終わるまでDraftにする。 |
- HTMLファイル内のJavaScript検証コードを削除 - HTML Prooferのカスタムテストとして重複検知を実装 - 重複があれば CI (bundle exec rake test) でお知らせ 本番環境に手動で確認するテスト用 JavaScript コードを含めずに、 既存の CI/CD で自動的に実行および検証・確認できるようにしました。
…ator refactor: タイムテーブル重複検知を CI 上で動かせるテストに移行
- Liquidテンプレートから時間計算をプラグインとして実装して簡略化 - Liquidテンプレートから複雑なロジックを除去し、表示のみに専念 - 時間計算のロジックと、描画のテンプレートの可読性をそれぞれ改善
- プラグインコードを30%削減(145行→91行) - メソッド数を57%削減(7個→3個) - grid→tableで一貫性のある命名に統一 - 保守性と可読性が大幅に向上 - ビルドパフォーマンスも改善 - コードベース全体で一貫性のある設計
- span → duration: イベントの継続時間を表す適切な名前に変更 - start_slot/end_slot → slot_start/slot_end: 命名パターンを統一 - start_minutes/end_minutes → event_start/event_end: イベントの時間であることを明確化 他、細かな cosmetic change など。
- プラグインから未使用のrequire文を削除 - Gemfileからactivesupport gemを削除 - bundle installで依存関係を元の状態に戻した
…plugin refactor: タイムテーブルの計算処理と描画処理を分離し、それぞれの役割を明確化
- テーブル内部での縦スクロールを無効化 - (他ページ同様の) 縦スクロールに変更
…play fix: タイムテーブルのモバイル表示を改善
time_table.yml の内容を整理しました |
b75fba1 こちらで対応 ヘッダーの追加ですが、1318pxから1280pxの間にヘッダーが2段になってしまっていたので1318pxからスマホ表示にしました。 |
@Fukusan64 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTMなんですが
最後にニュースの日付を10/14に変更して頂きたいです
(明日公開するつもりです)
タイムテーブルの内容を最新にしました。 スクロールの関係で画像にするのが難しいので、pullして手元で見てください |
変更前の breakpoint では、各ページに存在する breakpoint の値と合わないため
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM 🎉 👏
現状は、PCのみのレイアウト調整を行った。スマホのレイアウトを変更しようと思ったが、PC/Mobile 両方とも対応済み ✅中会議室(WS2)LTブース
までしか横がスクロールすることができなく修正することができなかったので保留している。Action List
/time-table/
ページで描画中会議室(WS4)
💻 PC 画面
https://gyazo.com/b56f8caa7f524dc409b7110c4ad2be8b
📱 Mobile 画面
https://gyazo.com/0fb34b84d2094a4d4233abd8624a10ff